html,body{
    padding : 15px 5px;
    width : 100%;
}

.error-data{
    background-color : #f0ad4e;
}

input:focus{
    background-color: lightyellow;
}


/******************************区域样式控制******************************************************/

[ibcpblock]{
    width: 100%;
    height: auto;
    padding:10px;
    margin:10px auto;
}

.static-block{
    background-color : #EEE;
}

.active-block{
    /*background-color : #3F7ECC;*/
    background-color : #9ecfff;
}

.check-block{
    background-color : #3F7ECC;
    /*background-color : #9ecfff;*/
}


.fixed-block{
    /*background-color : #AAA;*/
    background-color: #FFF;
}

/*******************************Order控制集合*****************************************/
/*操作指令信息*/
span[ibcpoperationinfo]{
    color:blue;
}

span[ibcpBatchOrderInfo]{
    color:blue;
}
/*************************************************************************************/

/********************************PV控制集合*****************************************/
span[ibcpshowpv="pvcon"]{
    display:inline-block;
}

span[ibcppv] button{
    min-height : 26px;
    min-width : 52px;
}

.ibcpHide{
    display: none !important;
}

/********************************以上*****************************************/
/*pv中的button*/
[ibcpPV] > button.btn-custom{
    height : 30px;
    padding : 3px 12px;
}

/*显示型PV字体为蓝色*/
[ibcpPV] > label{
    color:blue;
}


/*计算过程变量数字输入框*/
input[ibcpPVVal=Calculation-input] {
    text-align: center;
    background-color: #FFFFFF;
}

button[ibcppvedit]{
    background-color: #337ab7;
}

button[ibcppvopera]{
    background-color: #009688;
}

button[ibcppvopera]:hover{
    background-color: #009688;
}

/***********************************************************************************************/

/********************************输入类型过程变量-布尔类型**************************************/
.ibcp-check-box{
    height:35px;
    line-height:35px;
    overflow:hidden;
    display:inline-block;
}

.ibcp-check-group{
    display:inline-flex;
}

.ibcp-check-box > input[type=checkbox]{
    width:24px;
    height:22px;
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
}

.ibcp-check-box > label{
    font-size:16px;
    display:inline-block;
    vertical-align:middle;
}

[ibcpPV=PV-Bool]{
    width : auto;
    display : inline-block;
}

[ibcppv=PV-Calculation]{
    display : inline-block
}

/*执行完样式*/
.ibcp-check-box-finish{
    height : 23px;
    line-height : 23px;
    overflow:hidden;
    display:inline-block;
}

/*布尔勾选框完成状态下的label样式*/
.ibcp-check-box-finish > label{
    font-size : 14px;
    display : inline-block;
    vertical-align : middle;
    font-weight: 500;
}

.checkbox-false {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 13px;
    color: black;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #555555;
    font-size: 11px;
    border-radius : 1px;
}

.checkbox-true {
    top: -1px;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 13px;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #555555;
    font-size: 11px;
    border-radius : 1px;
}
.checkbox-true:before {
    content: "\e013";
}
/********************************输入类型过程变量-数字类型**************************************/

input[ibcpPVVal="number-input"]{
    cursor:pointer;
}

/**************************************************************************************************/

/**********************************************设备引用过程变量************************************/
[ibcppv="PV-DR"]{
    width:250px;
}
/***************************************************************************************************/

/***********************************************称量结果集pv表格样式**************************************************/
/*称量结果集pv表格*/
.ibcp-weigh-result-tb {
    border:1px #000000 solid;
    margin: 0 auto;
    width: 100%;
    height: auto;
    background-color: transparent;
    border-collapse:collapse;
    table-layout : fixed;
}

/*称量结果集表格中的th和td*/
table.ibcp-weigh-result-tb > thead > tr > th,table.ibcp-weigh-result-tb > tbody > tr > td {
    text-align : center;
    vertical-align : middle;
}

/*********************************************************************************************************************/

/***************************************用户选择默认快捷表格样式*****************************************************/

table.ibcp-default-table{
    border:1px #000000 solid;
    margin: 0 auto;
    width: 100%;
    height: auto;
    background-color: transparent;
    border-collapse:collapse;
    table-layout : fixed;
}

table.ibcp-default-table td{
    border:1px #000000 solid;
    /*width : auto;*/
    height: auto;
    padding: 5px;
}

table.ibcp-default-table th{
    border:1px #000000 solid;
    background-color:lightgray;
    /*width: auto;*/
    padding:4px;
}

/*******************************************************************************************************************/


/*****************************************编辑状态样式************************************************************/
/**
 * pv占位符编辑样式
 */
a[ibcpshowpv="pvcon"]{
    font-family : 'Adobe 黑体 Std R';
    font-size: 16px;
    cursor : pointer;
    text-decoration:none;
}
/*******************************************************************************************************************/

/********************************zhangyangmei*****************************************/
/*框的大小先设死*/
.ibcpPV-renSize{
    width:36px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}
/*字体颜色 - 正常*/
.ibcpPV-fontColorNormal{
    color:blue;
    font-size:16px;
}
/*字体颜色 - 危险*/
.ibcpPV-fontColorDanger{
    color:#f0ad4e;
    font-weight: bold;
    font-size:16px;
}
/*字体颜色 - 报警*/
.ibcpPV-fontColorError{
    color:#d9534f;
    font-weight: bolder;
    font-size:16px;
}
/*图标按钮*/
.ibcpPV-btn{
    display:inline-block;
    margin-bottom:0;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    padding:3px 12px;
    color:#fff;
    border:#009688;
    background-color:#009688;
    display: inline-block;
}

/*按钮disabled样式*/
button[disabled]{
    cursor: no-drop;
    opacity: 0.6;
}

/*时间段*/
.ibcpPV-timePeriod{
    font-size: 16px;
    width:170px;
    text-align:center;
    display: inline-block;

}
/*时间点*/
.ibcpPV-timePoint{
    font-size: 16px;
    width:65px;
    text-align:center;
    display: inline-block;
}

/********************************************PV自定义input*********************************************************/
.ibcpPV-input {
    display: inline-block;
    width: 100%;
    line-height: 1.4;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.ibcpPV-input:focus {
    outline: none;
    border-color: teal;
    box-shadow: 0 0 10px #9ecaed;
}

/*input类型pv宽度填充父元素宽度*/
span[ibcppv="PV-InputString"],span[ibcppv="PV-InputNumber"],span[ibcppv="PV-InputDateTime"] {
    display : block;
    width : 100%;
}


/*****************************/



.ibcpPV-inputTime {
    width: 160px;
}

.ibcpPV-inputWithBtn {
    line-height: 1.4;
    font-size: 14px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
}
.ibcpPV-inputWithBtn:focus {
    outline: none;
    border-color: #009688;
    box-shadow: 0 0 10px #9ecaed;
}
.ibcpPV-inputBtn {
    line-height: 1.4;
    font-size: 14px;
    padding: 6px 12px;
    background: transparent;
    border: 1px solid #ccc;
    border-left: none;
    border-radius: 0 4px 4px 0;
}
.ibcpPV-inputBtn:focus {
    outline: none;
    border-left: 1px solid #ccc;
    border-color: #009688;
    box-shadow: 0 0 10px #9ecaed;
    margin-left: -1px;
}

/*PV 自定义带按钮的span*/
.ibcpPV-spanWithBtn {
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    min-width: 140px;
    height: 33px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    float: left;
    background-color: #fff;
}
/*PV 自定义带按钮span的btn*/
.ibcpPV-spanBtn {
    font-size: 14px;
    padding: 6px 12px;
    line-height: 1.36;
    background: transparent;
    border: 1px solid #ccc;
    border-left: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}
.ibcpPV-spanBtn:focus {
    outline: none;
    border-left: 1px solid #ccc;
    border-color: #009688;
    box-shadow: 0 0 10px #9ecaed;
    margin-left: -1px;
}

/*PV 查看历史按钮*/
.ibcpPV-historyBtn {
    margin-left: 5px;
    padding: 2px;
    border: 1px solid darkgrey;
    border-radius: 4px;
    background-color: #009688;
    color: white;
}

/*****************************************pv检查错误样式***************************************************************/
.error-pv-0{
    color : blue;
}

.error-pv-0 span, .error-pv-0 label, .error-pv-0 input{
    color : blue;
}

.error-pv-1{
    color : darkgoldenrod;
}

.error-pv-1 span,.error-pv-1 label,.error-pv-1 input{
    color : darkgoldenrod;
}

.error-pv-2,.error-pv-3{
    color : red;
}

.error-pv-2 span,.error-pv-2 label,.error-pv-2 input,.error-pv-3 span,.error-pv-3 label,.error-pv-3 input{
    color : red;
}

/*****************************************选择项组***************************************************************/
checkIcon{
    margin: 0 2px;
    width: 18px;
}
.ibcp-checkbox-inline{
    display: inline-block;
    padding-left: 10px;
}

[ibcppv='PV-SingleCheck']{
    display: inline-block;
    padding-right: 10px;
}

/***************************************************复核称量***********************************************************/
/*复核称量pv中check单选样式*/
[ibcppv="PV-WeighCheck"] input[type="checkbox"] {
    width: 18px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

/*值为"N/A"的变量字体和颜色醒目设置*/
span[rckval="N/A"] {
    font-size : 18px;
    font-weight : bold;
    color : mediumspringgreen;
}
/***************************************************图表***************************************************************/
/*svg.highcharts-root {*/
    /*border : 2px solid palevioletred;*/
/*}*/

/*span[ibcppv="PV-Chart"] {*/
    /*border : 1px solid black;*/
    /*!*width : 100%;*!*/
    /*!*display : block;*!*/
/*}*/

/*div[ibcpshowpv="pvcon"] {*/
    /*!*width : 100%;*!*/
    /*border : 1px solid red;*/
/*}*/

/*.chartContainer {*/
    /*!*width : 100%;*!*/
    /*border : 1px solid blue;*/
/*}*/
/*----------------------------------------------------- Print 样式----------------------------------------------------*/

@media print {
    body {
        padding: 15px 5px;
    }

    .error-data {
        background-color: #f0ad4e;
    }

    input:focus {
        background-color: lightyellow;
    }
}

/*----------------------------------------------------PV编辑部件样式--------------------------------------------------*/
/*上三角*/
.triangle-up {
    width : 0;
    height : 0;
    border-left : 10px solid transparent;
    border-right : 10px solid transparent;
    border-bottom : 20px solid #1f6377;
    background-color : #1f6377;
    opacity : 0.5;
}

/*下三角*/
.triangle-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #1f6377;
    background-color : #1f6377;
    opacity : 0.5;
}

/*左三角*/
.triangle-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 20px solid #1f6377;
    border-bottom: 10px solid transparent;
    background-color : #1f6377;
    opacity : 0.5;
}

/*右三角*/
.triangle-right {
    width : 0;
    height : 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #1f6377;
    border-bottom: 10px solid transparent;
    background-color : #1f6377;
    opacity : 0.5;
}

/*编辑PV面板*/
.ibcp-pv-edit-board {
    position : absolute;
    height : 20px;
    width : auto;
    background-color : #AAAAAA;
    opacity : 0.5;
    border-bottom : 1px solid #000;
    border-right : 1px solid #000;
    border-left : none;
    border-top : none;
}

/*日志灯泡图标*/
.ibcp-log-lamp {
    margin-left : 5px;
    opacity : 0.5;
    cursor : pointer;
}

.ibcp-log-lamp:hover{
    opacity : 1;
}

/*修改PV控件统一类*/
.ibcp-pv-edit-widget {
    width : 18px;
    height : 18px;
    margin-top : 1px;
    margin-left : 1px;
    border : 1px solid grey;
    background-color : lightseagreen;
}

.ibcp-pv-edit-widget:hover {
    border : 1px solid green;
}

/*日志查看页面项目标题和内容条目*/
.ibcp-log-title, .ibcp-log-content{
    padding : 0;
    margin : 0;
    margin-left : 5px;
}

/*日志查看页面项目*/
.ibcp-log-info-box {
    padding : 0;
    margin : 0;
}


